<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单进阶-单选框</title>
    <style>

    </style>
</head>
<body>
    <h1>表单进阶-单选框</h1>
    <div>你对京东首页满意度如何</div>
    <div>
        <!-- <input type="radio" name="aaa" checked="checked">非常满意 -->
        <input type="checkbox" name="aaa" checked>非常满意
    </div>
    <div>
        <input type="radio" name="aaa" checked>满意
    </div>
    <div>
        <input type="radio" name="aaa" checked>一般
    </div>
    <div>
        <input type="radio" name="aaa">不满意
    </div>
    <!-- name作用只能选一个避免多选 一组一个name名称 -->
    <!-- checked默认选项 如果多个checked会选最后一个checked为默认选项 -->
    <!-- checkbox复选框 radio单选框 -->
    <div>
        <div>你的性别</div>
        <div>
            <input type="radio" name="bbb" id="man">
            <label for="man">男</label>
            <!-- 可以点击文本选中 要连接input id和label for标签 -->
        </div>
        <div>
            <input type="radio" name="bbb" id="woman">
            <label for="woman">女</label>
        </div>
    </div>
</body>
</html>